import React from 'react';

export const MessageIcon = () => (
  <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g id="系统" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="切图" transform="translate(-233.000000, -15.000000)">
        <g id="notification-important-24px" transform="translate(233.000000, 15.000000)">
          <rect id="Rectangle" fillOpacity="0.54" fill="#000000" fillRule="nonzero" opacity="0" x="0" y="0" width="24" height="24" />
          <mask id="mask-2" fill="white">
            <use xlinkHref="#path-1" />
          </mask>
          <path fill="#99ACC5" d="M12,21 C12.9166667,21 13.6583333,20.2548837 13.6583333,19.3339535 L10.3416667,19.3339535 C10.3416667,20.2548837 11.0833333,21 12,21 Z M17.8333333,15.9767442 L17.8333333,10.9534884 C17.8333333,8.14883721 15.8666667,5.80465116 13.25,5.23534884 L13.25,4.25581395 C13.25,3.56093023 12.6916667,3 12,3 C11.3083333,3 10.75,3.56093023 10.75,4.25581395 L10.75,5.23534884 C8.13333333,5.80465116 6.16666667,8.14883721 6.16666667,10.9534884 L6.16666667,15.9767442 L4.5,17.6511628 L4.5,18.4883721 L19.5,18.4883721 L19.5,17.6511628 L17.8333333,15.9767442 Z" id="path-1" />
        </g>
      </g>
    </g>
  </svg>
);

export default MessageIcon;
